<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <!--引入jquery-->
  <script type="text/javascript" src="../../JS/jquery.js"></script>
  <!--引入vue-->
  <script type="text/javascript" src="../../JS/vue.js"></script>
  <!--引入axios-->
  <script src="../../JS/axios-0.18.0.js"></script>
  <!-- 引入样式 -->
  <link rel="stylesheet" href="../../element-ui/lib/theme-chalk/index.css">
  <!-- 引入组件库 -->
  <script src="../../element-ui/lib/index.js"></script>
</head>
<body>
  <div id="content" align="center">
    <template>
      <el-table
              :data="tableData"
              border
              style="width: 80%">
        <el-table-column
                v-if="false"
                prop="userId"
                label="userId"
                width="180">
        </el-table-column>
        <el-table-column
                prop="userName"
                label="姓名"
                width="180">
        </el-table-column>
        <el-table-column
                prop="schoolName"
                label="学校"
                width="180">
        </el-table-column>
        <el-table-column
                prop="fileUrl"
                label="fileUrl">
          <template slot-scope="scope">
            <el-image :src="scope.row.fileUrl" alt = "" style="height: 100px"></el-image>
          </template>
        </el-table-column>
        <el-table-column
                prop="check"
                label="操作">
          <template slot-scope="scope">
            <el-row>
              <el-button type="success" icon="el-icon-check" circle
                         ref="check1"
                         @click.check1="check(1,scope.row.userId)">
              </el-button>
              <el-button type="danger" icon="el-icon-delete" circle
                         ref="check2"
                         @click.check2="check(2,scope.row.userId)">
              </el-button>
            </el-row>
          </template>
        </el-table-column>
      </el-table>
    </template>
    <div class="block" align="center">
      <el-pagination
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
              :current-page="currentPage"
              :page-sizes="[1, 2, 5, 10]"
              :page-size="pagesize"
              layout="total, sizes, prev, pager, next, jumper"
              :total="number">>
      </el-pagination>
    </div>
  </div>
 <script type="text/javascript" src="../../JS/PAGESJS/1.js"></script>
</body>
</html>